<!DOCTYPE html>
<html lang="zh-ch">
<head>
    <meta charset='utf-8'>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/styles.css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
        <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <title>饭否</title>
</head>

<body>
        <div class="container">
            <% if(foodOrderList.length==0){ %>
            <p class="text-center">暂无数据</p>
            <% }else{ %>
            <div class="table-responsive">
                <table class="table table-striped table-hover">
                <caption><h4>当前订单详情</h4></caption>
                <thead>
                <tr>
                    <th>编号</th>
                    <th>餐名</th>
                    <th>份数</th>
                    <th>单价</th>
                    <th>金额</th>
                </tr>
                </thead>
                <tbody>
                    <% for(var i=0;i<foodOrderList.length;i++){ %>
                    <tr>
                        <td><%= i+1%></td>
                        <td><%= foodOrderList[i].foodName%></td>
                        <td><%= foodOrderList[i].foodNum%></td>
                        <td><%= foodOrderList[i].onePrice%>元/份</td>
                        <td><%= foodOrderList[i].price%>元</td>
                    </tr>
                    <% } %>
                </tbody>
                <tfoot>
                    <tr class="success">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>总份数:<%= count%>份</td>
                    <td>应收总额:<%= money%>元</td>
                </tr>
                </tfoot>
                </table>
            </div>
            <hr />

            <div class="table-responsive">
                <table class="table table-striped table-hover">
                <caption><h4>用户订单详情</h4></caption>
                <thead>
                <tr>
                    <th>编号</th>
                    <th>用户</th>
                    <th>订单内容</th>
                    <th>总份数</th>
                    <th>应付总金额</th>
                    <th>下单时间</th>
                </tr>
                </thead>
                <tbody>
                    <% for(var i=0;i<userOrderList.length;i++){ %>
                    <tr>
                        <td><%= i+1%></td>
                        <td><%= userOrderList[i].uname%></td>
                        <td><%= userOrderList[i].orders%></td>
                        <td><%= userOrderList[i].orderNum%>份</td>
                        <td><%= userOrderList[i].orderMoney%>元</td>
                        <td><%= userOrderList[i].orderTime%></td>
                    </tr>
                    <% } %>
                </tbody>
                </table>
            </div>
            <% } %>
            <hr />
        </div>
    </body>
</html>
